.page-box {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #c7dbff;
    .header {
        position: relative;
        padding: 40rpx 0 0 56rpx;
        height: 1000rpx;
        background: linear-gradient(186deg, #1d4de4 40%, #c7dbff 100%);
        z-index: 1;
        .bg {
            position: absolute;
            right: 0;
            top: 313rpx;
            width: 504rpx;
            height: 866rpx;
            z-index: -1;
        }
        .top {
            margin-bottom: 54rpx;
            .pic {
                width: 108rpx;
                height: 108rpx;
                border: 4rpx solid #ffffff;
                border-radius: 50%;
                image {
                    width: 104rpx;
                    height: 104rpx;
                    border-radius: 50%;
                }
            }
            .tt {
                margin-left: 23rpx;
                font-weight: 500;
                font-size: 32rpx;
                color: #ffffff;
                line-height: 45rpx;
            }
        }
        .bar-text {
            text-align: left;
            .t1 {
                font-weight: 600;
                font-size: 44rpx;
                color: #ffffff;
                line-height: 60rpx;
                text-shadow: 0px 2px 6px rgba(29, 77, 228, 0.52);
            }
            .t2 {
                font-size: 26rpx;
                color: #ffffff;
                line-height: 60rpx;
                text-shadow: 0px 2px 6px rgba(29, 77, 228, 0.52);
                margin: 0 10rpx;
            }
            .t3 {
                font-weight: 600;
                font-size: 44rpx;
                color: #ffdb5d;
                line-height: 56rpx;
            }
            &.tt {
                font-weight: 400;
                font-size: 26rpx;
                color: #ffffff;
                line-height: 45rpx;
                text-shadow: 0px 2px 6px rgba(29, 77, 228, 0.52);
                text-align: left;
            }
        }
    }
    .btn {
        position: fixed;
        bottom: 112rpx;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 40rpx;
        z-index: 99;
        .btn1 {
            width: 309rpx;
            height: 88rpx;
            background: #ffffff;
            border-radius: 44rpx;
            font-weight: 400;
            font-size: 26rpx;
            color: #1226aa;
        }
        .btn2 {
            width: 309rpx;
            height: 88rpx;
            background: #ffffff;
            border-radius: 44rpx;
            font-weight: 400;
            font-size: 26rpx;
            color: #1226aa;
        }
    }
}

.popup-content-layer {
    .content {
        position: relative;
        width: 686rpx;
        height: 566rpx;
        background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
        border-radius: 20rpx;
        .ico {
            position: absolute;
            top: -41rpx;
            left: 0;
            right: 0;
            width: 120rpx;
            height: 120rpx;
            margin: 0 auto;
            image {
                width: 120rpx;
                height: 120rpx;
            }
        }
        .text {
            margin-top: 99rpx;
            .t1 {
                font-weight: 600;
                font-size: 32rpx;
                color: #2e3233;
                line-height: 45rpx;
            }
            .t2 {
                font-weight: 600;
                font-size: 32rpx;
                color: #f5a518;
                line-height: 45rpx;
            }
        }
        .tt {
            font-weight: 400;
            font-size: 24rpx;
            color: #6e767a;
            line-height: 33rpx;
            margin-top: 22rpx;
            margin-bottom: 43rpx;
            text-align: center;
        }
        .text-wrap {
            width: 599rpx;
            height: 229rpx;
            background: #ffffff;
            border-radius: 16rpx;
            border: 1rpx solid #d7dae0;
            padding: 24rpx 0 0 24rpx;
            margin: 0 auto;
            .title {
                font-weight: 600;
                font-size: 26rpx;
                color: #2e3233;
                line-height: 37rpx;
                margin-bottom: 9rpx;
            }
            .pp {
                font-weight: 400;
                font-size: 22rpx;
                color: #6e767a;
                line-height: 40rpx;
            }
        }
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        bottom: -110rpx;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
}

.popup-content {
    .content {
        position: relative;
        width: 686rpx;
        height: 1120rpx;
        margin: 0 auto;
        border-radius: 20rpx;
    }
    .icon-a-tubiaochangyongsousuo9 {
        position: absolute;
        top: -60rpx;
        right: -10rpx;
        text-align: center;
        font-size: 64rpx;
        color: #fff;
    }
}
